/*
 * Author: Zeng Fanfan
 * 2016-7-3
 */

body{
    background-color: #39c;
    padding:0;
    margin:0;
    background-attachment: fixed;
    -moz-background-size:100% 100%;
    background-size:100% 100%;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
}

.wrapper{
    margin: 10% auto;
}

.wrapper idv{
    height:100%;
}

form{
    width:320px;
    background: rgba(255, 255, 255, 0.382);
    border-radius: 10px;
    padding:15px;
    position:fixed;
    top:calc(50vh - 150px);
    right:15%;
    border-right:3px solid rgba(88,88,88,0.618);
    border-bottom:3px solid rgba(88,88,88,0.618);
}

.title{
    margin-bottom:20px;
    text-align:center;
}
.title span{
    font-size:140%;
    font-weight:400;
    text-align:center;
    color:#eee;
}

.title img.logo{
    height:50px;
    vertical-align:bottom;
}

form .inputs{
    padding: 5px 20px;
}

form .inputs .form-group{
    position: relative;
}

form .code{
    cursor:pointer;
}

form span.form-control-feedback{
    color: #777;
}

.has-feedback input.form-control{
    border-radius:3px;
}

.input-group-btn img{
    height:34px;
    border:1px solid #aaa;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
}
.input-group-btn:first-child *{
    border-right:none;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
}
.input-group-btn:last-child *{
    border-left:none;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
}

footer{
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    text-align:center;
    padding:5px;
    color:#fff;
    background:rgba(0, 0, 0, 0.3);
}

footer .right{
    padding-left:50px;
    color:#ddd;
}

#username, #password {
    display: none;
}